<template>
    <div>
        <span v-for="(value,key,index) in obj" :key="index">
            {{ key }} : {{ value }}
        </span>
        <ul>
            <li v-for="({ name, sex }, index) in list" :key="index">
                {{ name }}的性别是{{ sex }}
            </li>
        </ul>
    </div>
</template>
<!-- yarn add axios
npm i axios-->
<script>
export default {
    data(){
        return {
            list: [
                {name:'于朦胧',sex:'男'},
                {name:'颜人中',sex:'男'},
                {name:'华晨宇',sex:'男'},
            ],
            obj:{
                className:'1906A',
                num:22,
                index:3,
           }
        }
    }
}
</script>